// 黄色背景的头部
.header
  background #FFD701
  padding-bottom 80px
  display flex
  flex-direction column
  align-items center
  overflow hidden
  .user-avatar
    width: 120px
    height: 120px
    margin-top: 50px
    margin-bottom: 10px
  .user-nick
    margin-top: 10px
    margin-bottom: 10px
    color #333333
    font-size 26px
    white-space nowrap
    text-overflow ellipsis
    overflow hidden
  .privilege-btn
    font-size 26px
    color white
    border-color white
    background transparent
    vertical-align middle
    width 200px
    height 40px
    line-height 38px
    margin-top: 10px
    margin-bottom: 50px
// 我的订单
.order-section
  position relative
  margin-top: -60px
  margin-left: 30px
  margin-right: 30px
  background: #FFFFFF;
  border: 1PX solid #F4F4F4;
  padding-top: 10px
  padding-bottom: 10px
  box-sizing: border-box;
  box-shadow: 0 7px 20px rgba(164, 176, 241, 0.12);
  border-radius: 30px;
  &-header
    display flex
    align-items center
    padding-left: 34px
    padding-right: 34px
    padding-bottom: 10px
    .title
      flex 1
      font-size: 26px;
      color: #333333;
    .all
      font-size: 20px;
      color: #696969;
  .order-bar
    view
      overflow visible
  .order-unpay, .order-unreceipt, .order-uncomment, .order-finished
    display block
    width 46px
    height 35px
    margin-bottom: 10px
    background-size 100% 100%
  .order-unpay
    background-image url("../../assets/images/icons/unpay.png")
  .order-unreceipt
    background-image url("../../assets/images/icons/unreceipt.png")
  .order-uncomment
    background-image url("../../assets/images/icons/uncomment.png")
  .order-finished
    background-image url("../../assets/images/icons/finished.png")
// router 块
.router-section
  margin: 30px
  background: #FFFFFF;
  border: 1PX solid #F4F4F4;
  overflow: hidden
  box-sizing: border-box;
  box-shadow: 0 7px 20px rgba(164, 176, 241, 0.12);
  border-radius: 20px;
  .router-item
    display flex
    align-items center
    padding 20px 34px
    .label
      flex 1
      font-size 26px
      color #333333
    .right
      display flex
      align-items center
    .add-info
      font-size 26px
      color #666
      margin-right: 10px

